<template>
  <div class="my">
         
    <div class="top"> 
           <img src="imgs/5.png"  >
           <p>麦子20CCj</p>
    </div>
    <ul>
      <li> 
        <div class="d0">
         <span><img src="imgs/6.png" alt=""></span>
        <span>我的订单</span> 
        </div>
         
        <p class="p0">&gt;</p>
         
      </li>
       <li> 
          <div class="d0">
           <img src="imgs/6.png"  >
        <span>优惠券</span> 
        </div>
           <p class="p0">&gt;</p>
      </li>
       <li> 
          <div class="d0">
         <img src="imgs/7.png"  >
        <span >我的票</span> 
         </div>
           <p class="p0">&gt;</p>
      </li>
       <li class="s0"> 
          <div class="d0">
         <img src="imgs/8.png"  >
        <span >我的关注</span> 
        </div>
        <p class="p0">&gt;</p>
      </li>
       <li> 
         <div class="d0">
        <img src="imgs/9.png"  >
        <span>收货地址</span> 
         </div>
        <p class="p0">&gt;</p>
      </li>
       <li> 
         <div class="d0">
         <img src="imgs/10.png"  >
        <span>常用观演人</span> 
          </div>
         <p class="p0">&gt;</p>
      </li>
       <li> 
         <div class="d0">
        <img src="imgs/11.png"  >
        <span>实名认证</span> 
         </div>
         <p class="p0">未认证</p>
      </li>
       <li> 
          <div class="d0">
         <img src="imgs/12.png"  >
        <span>意见反馈</span> 
         </div>
        <p class="p0">&gt;</p>
      </li>
       <li> 
          <div class="d0">
         <img src="imgs/13.png"  >
        <span>客服电话</span> 
        </div>
         <p class="p0">1010-3721</p>
      </li>
      <li class="s1"> 
         
        <span >退出登录</span> 
       
      </li>
    </ul>
    <div class="foot">
        <span>关于大麦</span>|<span>联系我们</span>
    </div>
    <Bb/>
  </div>
</template>

<script>
import Bb from '../components/buttomBar.vue'
export default {
  components:{
      Bb
  }
}
</script>

<style scoped>
.my{
  background-color:gray;
  padding-bottom: 0.5rem;
}
  .top{
    width: 100%;
    height: 1rem;
    background-color:deeppink;
  }
  .top img{
    width: 1rem;
    height: 1rem;
    display: block;
    float: left;
  }
  .top p{
    font-size: 0.2rem;
    color:white;
    float: right;
    margin-right: 1.7rem;
    line-height: 1rem;
  }
  .my ul{
    width: 100%;
    background-color: gray;
   
  }
  .my ul li{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
     border-bottom: 0.01rem solid gray;
    font-size: 0.15rem;
    color: gray;
    background-color: white;
     
   
  }
   .my ul li .d0{
     float: left;
   }
   .my ul li .p0{
     float: right;
     margin-right: 0.06rem;
   }
  .my ul li img{
      /* display: inline-block; */
      width: 0.3rem;
      height: 0.3rem;
     
      
  } 
   .my ul .s0{
     margin: 0.1rem 0;
     
   }
  .my ul .s1{
     margin: 0.1rem 0;
     text-align: center;
  }
   .my ul li b{
     margin-left: 2rem;
   }
    .my .foot{
       font-size: 0.2rem;
       color:white;
       text-align: center;
    }
  .my .foot span{
     width: 100%;
     height: 0.3rem;
     font-size: 0.15rem;
     color: white;
   }
</style>